<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <title>个人中心</title>
		<link rel="stylesheet" type="text/css" href="css/default.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>
		<script type="text/javascript">

			$(document).ready(function(){
			  $("#grzx_one").click(function(){
			    $(".grzx_bottom").toggle();
			  });
			});
								
		</script>
	</head>
    
	<body>   
		
		<div class="container">		
			<div class="main">
                <div class="wrap">
	                <div class="grzx_header">
			            <span class="gt"><img src="images/1-1.png"></span>
			            	个人中心                    
			            <span style="float: right; font-size: 14px; margin-right: 5px;">
			            	<a href="denglu.html" style=" color: #fff;">登录</a>
			            	<a href="zhuce.html" style=" color: #fff;">注册</a></span>                 
			            <div style="clear:both;"></div>        
				    </div>
               	
                
                <div class="grzx_top">
                	<div class="grzx_top_above">
                    	<div class="grzx_tx">
                        	<div class="grzx_jf">积分</div>
                            <div class="grzx_sum">2056</div>
                        </div>
                        <div class="grzx_welcome">欢迎来到个人中心！ 	</div>
                    </div>
                </div>
                <div style="clear:both;"></div>  
                <div class="grzx_main">
                	<div class="grzx_list">
                    	<div class="grzx_one">
                        <span style="float:left;"><a href="xiugaimima.html">修改密码</a></span>
                        <span style="float:right; margin-top:3px;"><a href="xiugaimima.html"><img src="images/grzx_jt.png"></a></span>
                        </div>
                    </div>
                    <div style="clear:both;"></div>  
                    
                    <div class="grzx_list">
                    	<div class="grzx_one">
                        <span style="float:left;"><a href="info.html">修改资料</a></span>
                        <span style="float:right; margin-top:3px;"><a href="info.html"><img src="images/grzx_jt.png"></a></span>
                        </div>
                    </div>
                    <div style="clear:both;"></div>  
                    
                    <div class="grzx_list">
                    	<div class="grzx_one">
                        <span style="float:left;"><a href="eventresult.html">查询成绩</a></span>
                        <span style="float:right; margin-top:3px;"><a href="eventresult.html"><img src="images/grzx_jt.png"></a></span>
                        </div>
                    </div>
                    <div style="clear:both;"></div> 
                    
                   	<div class="grzx_list">
                    	<div class="grzx_one">
                        <span style="float:left;"><a href="jifenchaxun.html">积分兑换</a></span>
                        <span style="float:right; margin-top:3px;"><a href="jifenchaxun.html"><img src="images/grzx_jt.png"></a></span>
                        </div>                       
                    </div>
                    <div style="clear:both;"></div>  
                    
                    <div class="grzx_list">
                    	<div class="grzx_one">
                        <span style="float:left;"><a href="cansaiSuccess.html">参赛门票二维码</a></span>
                        <span style="float:right; margin-top:3px;"><a href="cansaiSuccess.html"><img src="images/grzx_jt.png"></a></span>
                        </div>                     
                    </div>
                    <div style="clear:both;"></div>  
                    
                    <div class="grzx_list">
                    	<div class="grzx_one" id="grzx_one">
                        <span style="float:left;"><a href="#">我的成就</a></span>
                        <span style="float:right; margin-top:3px;"><a href="#"><img src="images/grzx_jt.png"></a></span>
                        </div>                       
                        <div class="grzx_bottom" style="display: none;">               
		                	<div class="grzx_di">
		                        <div class="grzx_di_l">C级宠物美容师</div>
		                        <div class="grzx_di_r">已获得</div>
		                    </div>
		                    <div class="grzx_di">
		                        <div class="grzx_di_l2">B级宠物美容师</div>
		                        <div class="grzx_di_r2">审核中......</div>
		                    </div>                    
               		 	</div>              		 	
                    </div>
                    
                    
                </div>

			</div>
		</div>
		
		<div class="dibu">
			<ul>
				<li><a href="index.html"><p><img src="images/homepage_fill.png"></p><p>首页</p></a></li>
				<li><a href="saishibaoming.html"><p><img src="images/baoming.png"></p><p>赛事报名</p></a></li>
				<li><a href="gerenzhongxin_cj.html"><p><img src="images/people_fill.png"></p><p>个人中心</p></a></li>
				<li><a href=><p><img src="images/mine_fill.png"></p><p>商城</p></a></li>
			</ul>
		</div>
		

	</body>
</html>

